<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鞋城会员中心添加地址</title>
		<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../jquery-weui-build/dist/css/jquery-weui.css">
		<link rel="stylesheet" href="../jquery-weui-build/dist/lib/weui.css">
		<link rel="stylesheet" href="../jquery-weui-build/demos/css/demos.css">
		<link rel="stylesheet" href="../static/css/fenxiao.css">
		<style>
			body{
				background: #f5f5f5;
				font-family: "微软雅黑";
			}
			
		</style>
	</head>
	<body>
		<div class="weui-cells weui-cells_form my_weui_cells_form">
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
				<div class="weui-cell__bd">
				    <input class="weui-input" placeholder="请输入姓名">
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">联系电话</label></div>
				<div class="weui-cell__bd">
				    <input class="weui-input" placeholder="请输入联系电话">
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">选择地址</label></div>
				<div class="weui-cell__bd">
				    <div class="info">
						<div>
							<select id="s_province" name="s_province"></select>  
						    <select id="s_city" name="s_city" ></select>  
						    <select id="s_county" name="s_county"></select>
						    <script class="resources library" src="../static/js/area.js" type="text/javascript"></script>
						    <script type="text/javascript">_init_area();</script>
					    </div>
					    <div id="show"></div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">详细地址</label></div>
				<div class="weui-cell__bd">
				    <textarea class="weui-textarea" placeholder="请输入详细地址" rows="3"></textarea>
				</div>
			</div>
			<div class="weui-cell weui-cell_switch" style="margin-top:10px;">
			    <div class="weui-cell__bd" style="margin-top:5px;">设为默认地址</div>
			    <div class="weui-cell__ft">
			       <input class="weui-switch" type="checkbox">
			    </div>
			</div>
		</div>
		<input type="button" class="add_submit" value="保存" />
		
		
	<script src="../jquery-weui-build/dist/lib/jquery-2.1.4.js"></script>
	<script src="../static/js/jquery.SuperSlide.2.1.js"></script>
	<script src="../jquery-weui-build/dist/js/jquery-weui.js"></script>
	<script src="../jquery-weui-build/dist/js/city-picker.js"></script>	
	<!--拓展组件-->
	
	<script type='text/javascript' src='../jquery-weui-build/dist/js/swiper.js' charset='utf-8'></script>
	<script type='text/javascript' src='../jquery-weui-build/dist/lib/fastclick.js' charset='utf-8'></script>
	<script>
    	var Gid  = document.getElementById ;
		var showArea = function(){
			Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + 	
			Gid('s_city').value + " - 县/区" + 
			Gid('s_county').value + "</h3>"
		}
		Gid('s_county').setAttribute('onchange','showArea()');
    </script>
	</body>
</html>
